
<template>
  <!-- <router-link to="/mine/mineItem"> -->
      <section class="main-order">
            <section class="main-order-left">
                <i class="fa fa-sticky-note-o"></i>
                <h4 class="main-order-left-text">我的订单</h4>
            </section>
            <section class="main-order-right">
                <h5 class="main-order-right-text">查看全部订单</h5>
                <i class="fa fa-chevron-right"></i>
            </section>
        </section>
  <!-- </router-link> -->
</template>
<script>
export default {
  
}
</script>
<style lang="scss" scoped>
@import "../../../../assets/scss/_index.scss";
.main-order{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: px2rem(92);
    padding-left: px2rem(24);
    padding-right: px2rem(24);
    &-left{
        display: flex;
        i{
            font-size: px2rem(30);
            color: #f86670;
        }
        &-text{
            font-size: px2rem(28);
            color: #333333;
            margin-left: px2rem(16);
        }

    }
    &-right{
        display: flex;
       
        &-text{
            font-size: px2rem(26);
            color: #9d9d9d;
        }
        i{
            font-size: px2rem(28);
            color: #9d9d9d;
            margin-right: px2rem(16);
        }
    }
}
</style>
